<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>excel_recipe</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/my_patient.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/pagenum.css">
    <link rel="stylesheet" href="css/execel_case.css">
    <link rel="stylesheet" href="css/excel_resident.css">
    <link rel="stylesheet" href="css/fenye.css">
    <style>
        table tr th[width='27%'] {
            text-align: left;
        }
        table tr td a{
            display: inline;
            padding: 0px;
            background: none;
            color: #16dcb8;
        }
    </style>
</head>

<body>
    <div class="prev"><em class="active">处方管理</em></div>
    <div id="excel_resident">
        <div class="search">
            <div class="search_left"><input type="text" placeholder="请输入用户姓名"></div>
            <select name="time" class="search_right">
                <option value="时间">选择住院状态</option>
                <option value="时间">状态1</option>
                <option value="时间">状态2</option>
                <option value="时间">状态3</option>
                <option value="时间">状态4</option>
                <option value="时间">状态5</option>
                <option value="时间">状态6</option>
                <option value="时间">状态7</option>
            </select>
            <div class="search_right"><input type="text" placeholder="选择入病房号"></div>
            <div class="small_search"><i class="fa fa-search"></i></div>
        </div>
        <main class="excel_resident_main">
            <table>
                <tr>
                    <th><input type="checkbox" name="" id=""></th>
                    <th width='6%'>住院号</th>
                    <th width='8%'>姓名</th>
                    <th width='5%'>性别</th>
                    <th width='5%'>年龄</th>
                    <th width='8%'>病床号</th>
                    <th width='8%'>护士</th>
                    <th width='9%'>科室</th>
                    <th width='10%'>日期</th>
                    <th width='27%'>处方</th>
                    <th width='12%'>操作</th>
                </tr>
            </table>
        </main>
        <footer class="clear">
            <p><i class="fa fa-trash"></i> 批量删除</p>
            <p class="bai"></p>
            <div class="fenye">
                <button class="two" onClick="page_up();" type="button" value="page_up">
                        <</button> <button name="dot" style="display: none;" class="three" type="button" value="...">...
                </button>
                <button name="page" style="display: none;" class="three" type="button" value="0">0</button>
                <button onClick="yema(this);" name="page" style="color:#fff;background: #16dcb8" class="three ooo" type="button"
                    value="1">1</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="2">2</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="3">3</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="4">4</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="5">5</button>
                <button onClick="yema(this);" name="page" class="three ooo" type="button" value="6">6</button>
                <button name="dot" class="three" type="button" value="...">...</button>
                <button class="two" onClick="page_down();" type="button" value="page_down">></button>
                <div class="p">到<input type="text" id="input" name="inp">页<button name="btn" onClick="tiao();">GO</NOtton></div>
            </div>
        </footer>
        
    </div>
    </div>
	<!-- 遮罩层 -->
	<div class="mask" id="mask">
		<div class="baogao">
		    <div class="pop-query">报告单
		        <i id="bo" class="fa fa-times-circle-o"></i>
		    </div>
		    <div id="modify">
		    	处方：<textarea>5%葡萄糖注射、液阿莫西林分散片、注射用利巴韦林注射液</textarea>
		    </div>
	        <input type="button" class="pop-cancel" value="取消">
	        <input type="button" class="pop-confirm" value="确认">
		</div>
	</div>
</body>
<script src="js/excel_recipe.js"></script>
<script src="js/remove.js"></script>
<script src="js/minremove.js"></script>
<script src="js/fenye.js"></script>
<script>
    
var mask = document.getElementById("mask");
var fatWin = getFatWin(window.parent);
var guanbi=document.getElementById('bo');
var btnCon=document.getElementsByClassName('pop-cancel')[0];
var btn2Con=document.getElementsByClassName('pop-confirm')[0];
// 显示遮罩层
mask.style.display = "block";
fatWin.document.body.appendChild(mask);

// 递归, 查找父页面的window对象
function getFatWin(ele) {
    if (ele.document) {
        return ele;
    }
    return getFatWin(ele.parent);
}

guanbi.onclick=function(){
    // 隐藏遮罩层
    fatWin.document.body.removeChild(mask);
}

btn2Con.onclick=function(){
    // 隐藏遮罩层
    fatWin.document.body.removeChild(mask);
}
btnCon.onclick=function(){
    // 隐藏遮罩层
    fatWin.document.body.removeChild(mask);
    
}
</script>
</html>